﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<ProjectViewModels>" %>

<%@ Import Namespace="ChoViet.Lib.Helpers" %>
<%@ Import Namespace="ChoViet.Lib.Paging" %>
<%@ Import Namespace="ChoViet.Admin.ViewModels" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Danh sách dự án
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <%if (ViewData["MessageInfo"] == null)
      { %>
    <form action="/Project" method="post" name="adminForm">
    <table width="100%">
        <tr>
            <td align="left">
                Tìm nhanh
                <%= Html.TextBox("Keyword", Model.Keyword) %>
                <%= Html.ActionImageJS("Tìm kiếm", "icon-32-search.png", "document.adminForm.submit();", false)%>
            </td>
            <td align="right">
                <%=Html.TreeViewList("CatID", Model.Categories, "-- Chuyên mục --", new { onchange = "document.adminForm.submit();" })%>
                <%=Html.DropDownList("CurrentPubStatus", Model.ListStatusPub, "-- Trạng thái hiển thị --", new { onchange = "document.adminForm.submit();" })%>
                <%=Html.DropDownList("CurrentHotYN", Model.ListStatusHot, "-- Trạng thái tin HOT --", new {onchange = "document.adminForm.submit();" })%>
            </td>
        </tr>
    </table>
    <table width="100%" class="adminlist">
        <thead>
            <tr>
                <th width="10" align="right">
                    STT
                </th>
                <th width="30">
                </th>
                <th width="30">
                </th>
                <th>
                    <%= Html.Sort("Tiêu đề", "Title", ViewData["orderDir"].ToString(), ViewData["order"].ToString())%>
                </th>
                <th style="width: 90px">
                    <%= Html.Sort("Cập nhật", "ModifyDate", ViewData["orderDir"].ToString(), ViewData["order"].ToString())%>
                </th>
                <th style="width: 40px; color: #1D60FF;">
                    PubYN
                </th>
                <th style="width: 40px; color: #1D60FF;">
                    HotYN
                </th>
                <th style="width: 40px">
                    <%= Html.Sort("ID", "ID", ViewData["orderDir"].ToString(), ViewData["order"].ToString())%>
                </th>
            </tr>
        </thead>
        <tbody>
            <% 
                int i = 0;
                foreach (var item in Model.Projects)
                {
                    i++;
            %>
            <tr>
                <td align="right">
                    <%= i.ToString() %>
                </td>
                <td align="center">
                    <%= Html.ActionImage("Sửa", "icon-24-edit.png", "Project", "Edit", new Dictionary<string, object>() { { "id", item.ID } })%>
                </td>
                <td align="center">
                    <%= Html.ActionImage("Xóa", "icon-24-delete.png", "Project", "Delete", new Dictionary<string, object>() { { "id", item.ID } })%>
                </td>
                <td>
                    <div>
                        <div class="div_img">
                            <a href="/Project/Details/<%= item.ID %>">
                                <img class="represent" style="border: 1px solid #ccc" alt="<%= item.Title %>" src="<%= string.Format("{0}{1}", Model.ImageRootUrl,""+item.ID+"_"+ item.ImagePath) %>" />
                            </a>
                        </div>
                        <div class="div_content">
                            <div class="title">
                                <a href="/Project/Details/<%= item.ID %>">
                                    <%= Html.Encode(item.Title) %></a></div>
                            <div class="summary">
                                <%= Html.Encode(item.Summary) %></div>
                        </div>
                    </div>
                </td>
                <td>
                    <%= Html.Encode(item.ModifyDate != null ? item.ModifyDate.Value.ToString("dd/MM/yyyy") : "--")%>
                </td>
                <td align="center">
                    <img alt="Click để thay đổi trạng thái hiển thị" id="imgPubYN_<%= item.ID %>" onclick="ChangePubYN(<%= item.ID %>);" value="<%= item.PubYN %>"
                        src="<%= item.PubYN ? "/Images/icon-32-apply.png" : "/Images/icon-32-cancel.png" %>" />
                </td>
                <td align="center">
                    <img alt="Click để thay đổi trạng thái tin HOT" id="imgHotYN_<%= item.ID %>" onclick="ChangeHotYN(<%= item.ID %>);" value="<%= item.HotYN %>"
                        src="<%= item.HotYN ? "/Images/icon-32-apply.png" : "/Images/icon-32-cancel.png" %>" />
                </td>
                <td>
                    <%= Html.Encode(item.ID) %>
                </td>
            </tr>
            <% } %>
        </tbody>
    </table>
    <%= Html.Hidden("order")%>
    <%= Html.Hidden("orderDir")%>
    <table width="100%">
        <tr>
            <td align="center">
                <div class="pager">
                    <label>
                        Hiển thị #</label>
                    <%
                        int[] pageSizeList = { 1, 5, 10, 15, 20, 25, 50, 100 };
                    %>
                    <%= Html.DropDownList("PageSize", new SelectList(pageSizeList, Model.Projects.PageSize), new { onchange = "document.adminForm.submit();" })%>
                    <%= Html.Pager(Model.Projects.PageSize, Model.Projects.PageNumber, Model.Projects.TotalItemCount)%>
                </div>
            </td>
        </tr>
    </table>
    </form>
    <% } %>

    

    <script type="text/javascript">
        function ChangePubYN(id) {
            var obj = $("#imgPubYN_" + id);
            ApplyChangeYN("/AjaxData/UpdateProjectPubYN/" + id + '/' + obj.attr("value"), id, obj);
        }
        function ChangeHotYN(id) {
            var obj = $("#imgHotYN_" + id);
            ApplyChangeHotYN("/AjaxData/UpdateProjectHotYN/" + id + '/' + obj.attr("value"), id, obj);
        }
    </script>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="Toolbar" runat="server">       
    <td>
        <%= Html.Toolbar("Thêm mới", "/Project/Create", "new") %>
    </td>
</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="Header" runat="server">
    Danh sách dự án
</asp:Content>

<asp:Content ID="Content5" ContentPlaceHolderID="Message" runat="server">
    <%=ViewData["MessageInfo"]!=null? "<p class='perror'>"+Html.Encode(ViewData["MessageInfo"])+"</p>":string.Empty%>
</asp:Content>
